@keyframes header-animation {
  0% {content: "|";}
  2% {content: "L|";}
  4% {content: "La|";}
  6% {content: "Lar|";}
  8% {content: "Larr|";}
  10% {content: "Larry|";}
  12% {content: "Larry D|";}
  14% {content: "Larry Da|";}
  16% {content: "Larry Dan|";}
  18% {content: "Larry Dani|";}
  20% {content: "Larry Danie|";}
 22% {content: "Larry Daniel|";}
  24% {content: "Larry Daniels|";}
  26% {content: "Larry Daniel|";}
 28% {content: "Larry Danie|";}
  30% {content: "Larry Dani|";}
  32% {content: "Larry Dan|";}
  34% {content: "Larry Da|";}
 36% {content: "Larry D|";}
38% {content: "Larry|";}
 40% {content: "Larr|";}
42% {content: "Lar|";}
 44% {content: "La|";}
46% {content: "L|";}
  48% {content: "|";}
  50% {content: "D|";}
 52% {content: "De|";}
54% {content: "Dev|";}
 56% {content: "Deve|";}
58% {content: "Devel|";}
 60% {content: "Develo|";}
 62% {content: "Develop|";}
64% {content: "Develope|";}
66% {content: "Developer|";}
68% {content: "Develope|";}
 70% {content: "Develop|";}
   72% {content: "Develo|";}
  74% {content: "Devel|";}
76% {content: "Deve|";}
78% {content: "Dev|";}
80% {content: "De|";}
 82% {content: "D|";}
 8% {content: "|";}
 82% {content: "D|";}
83% {content: "De|";}
84% {content: "Des|";}
 85% {content: "Desi|";}
  86% {content: "Desig|";}
  87% {content: "Design|";}
 89% {content: "Designe|";}
 90% {content: "Designer|";}
92% {content: "Designe|";}
93% {content: "Design|";}
94% {content: "Desig|";}
 95% {content: "Desi|";}
 97% {content: "Des|";}
 98% {content: "De|";}
99% {content: "D|";}
  100% {content: "|";}
 

}